<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>收藏行情</title>
    <link rel="stylesheet" href="../static/lib/layui/css/layui.css">
    <link rel="stylesheet" href="../static/css/base/base.css" >
    <link rel="stylesheet" href="../static/css/components/collect.css">
</head>

<body>
    <ul class="layui-nav header-nav" lay-filter="">
        <li class="layui-nav-item">
            <a href="">logo</a>
        </li>
        <li class="layui-nav-item">
            <a href="../index.html">文章管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../activity/active.html">活动管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../tea/tea.html">茶馆管理</a>
        </li>
        <li class="layui-nav-item  layui-this">
            <a href="collection.html">藏家行情</a>
        </li>
        <li class="layui-nav-item">
            <a href="../proprietary/proprietary.html">自营商品</a>
        </li>
        <li class="layui-nav-item">
            <a href="../banner/banner.html">banner管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../sms/sms.html">短信模板</a>
        </li>
        <!-- 头部右侧 -->
        <div class="header-right">
            <div class="help">
                    <i class="layui-icon layui-icon-help ic-help" style="font-size: 6px; "></i>  
            </div>
            <li class="layui-nav-item">
                    
                <a href="">帮助</a>
            </li>
            <li class="layui-nav-item">
                <a href="">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">我</a>
            </li>
        </div>
    </ul>

    <!-- 面包屑 -->
    <div class="breadcrumb">
        <span class="layui-breadcrumb" lay-separator=">">
            <a href="collection.html">藏家行情</a>
            <a href="">行情</a>
          </span>
        </div>


  <!-- 中间内容区 -->
  <div class="container">  
      <div class="con-left fl">
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="collection.html">藏家行情</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:;"class="layui-this">行情</a>
                        </dd>
                    </dl>
                </li>
            </ul>
      </div>
      <!-- 中间区域右侧 -->
      <div class="con-right fr">
          <!-- 上面文章标签选择区域 -->
          <div class="art-title collect-add">
                    <a href="javascript:0" id="add" class="layui-btn-group art-add fr"> 
                        <i class="layui-icon icon-add collect-btn">&#xe654;新增</i>
                    </a>
          </div>

          <!-- 列表区 -->
          <table class="layui-table art-table" lay-size="sm">
                <colgroup>
                  <col width="150">
                  <col width="200">
                  <col>
                </colgroup>
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>名称</th>
                        <th>发行年份</th>
                        <th>最新价</th>
                        <th>近3月均价</th>
                        <th>去年涨幅</th>
                         <th>今年涨幅</th>
                        <th>厂家</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>1</td>
                    <td>老草章 </td>
                    <td>2017</td>
                    <td class="collect-red">4000元/件</td>
                    <td class="collect-red">4330元/件</td>
                    <td class="collect-red">3.22%</td>
                    <td class="collect-red">-2.21%</td>
                    <td class="collect-red">雨林古树</td>
                    <td class="article-edit">
                       <a href="collect-edit.html">编辑</a> 
                        <span class="separator"></span>
                       <a href="javascript:;" id="indel">删除</a> 
                    </td>
                  </tr>
                <tr>
                    <td>2</td>
                    <td>老草章 </td>
                    <td>2017</td>
                    <td class="collect-red">4000元/件</td>
                    <td class="collect-red">4330元/件</td>
                    <td class="collect-red">3.22%</td>
                    <td class="collect-red">-2.21%</td>
                    <td class="collect-red">雨林古树</td>
                    <td class="article-edit">
                        <a href="javascript:;">编辑</a>
                        <span class="separator"></span>
                        <a href="javascript:;">删除</a>
                    </td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>老草章 </td>
                    <td>2017</td>
                    <td class="collect-red">4000元/件</td>
                    <td class="collect-red">4330元/件</td>
                    <td class="collect-red">3.22%</td>
                    <td class="collect-red">-2.21%</td>
                    <td class="collect-red">雨林古树</td>
                    <td class="article-edit">
                        <a href="javascript:;">编辑</a>
                        <span class="separator"></span>
                        <a href="javascript:;">删除</a>
                    </td>
                </tr>
                </tbody>
              </table>
              
      </div>
  </div>

    <script src="../static/lib/layui/layui.all.js"></script>
    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/base.js"></script>
    <script>
            ;!function(){
              //无需再执行layui.use()方法加载模块，直接使用即可
              var form = layui.form
              ,layer = layui.layer;
           
              var add = my('add');
                add.onclick = function () {
                    layer.open({
                        type: 2,
                        title: '新增',
                        shadeClose: true,
                        shade: 0.8,
                        area: ['380px', '90%'],
                        content: 'collect-add.html' //iframe的url
                    });
                }
                 var indel = my('indel');
                indel.onclick = function () {
                    layer.confirm('您确定要删除这行内容吗？', {
                        btn: ['确定', '取消'] //按钮
                    }, function () {
                        layer.msg('已删除', { icon: 1 });
                    }, function () {
                        layer.msg('已取消');
                    });
                }
                
            }();
            </script> 


</body>

</html>